Elearning widgets js

Js код виджетов написан на основе Alpine.js библиотеки. Но с увеличением кодовой базы, от Alpine.js осталась только инициализация компонентов и подписка на события, весь остальной код - это кастомный js

Js код виджетов находится в директории (assets\src\js\elementor):

• horizontal_frameset.js
• horizontal_question_bank.js
• vertical_frameset.js
• vertical_question_bank.js

Все 4 виджета собираются с помощью композиции классов в классе WidgetBase.js:

• Класс для типа виджета (components/widget_parts/type)
  • FrameSet.js
  • QuestionBank.js
• Класс для направления виджета (components/widget_parts/direction)
  • Horizontal.js
  • Vertical.js
• Класс типа отображения (components/widget_parts/display)
  • Default.js
  • Swiper.js

В итоге получается уже знакомая таблица виджетов:

Тип / Направление	Horizontal	Vertical
FrameSet	sberHorizontalFrameSet	sberVerticalFrameSet
QuestionBank (Quiz)	sberHorizontalQuestionBank	sberVerticalQuestionBank
Тип отображения зависит от настройки, которую можно передать только для горизонтальных виджетов